/* header */
.container header{
    width: 100%;
    height: 12vw;
    z-index: 10;
    background-color: #ff729c;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    position: fixed;
    cursor: pointer;
    user-select: none;
}
.container header i{
    color: #f2f2f2;
    font-size: 8vw;
}
/* head-portrait */
.container .head-portrait{
    width: 100%;
    margin-top: 12vw;
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container .head-portrait .image{
    position: relative;
    cursor: pointer;
    user-select: none;
}
.container .head-portrait .image img{
    width: 20vw;
    height: 20vw;
    padding: 4vw 0 6vw 0;
}
.container .head-portrait .image i{
    width: 5vw;
    height: 5vw;
    background-color: #ffffff;
    color: #000;
    font-size: 3.6vw;
    border-radius: 2.5vw;
    display: flex;
    justify-content: center;
    align-items: center;

    position: absolute;
    right: 0.5vw;
    bottom: 8vw;
}
/* type */
.container .type{
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: solid 8px #f4f4f4;
    cursor: pointer;
    user-select: none;
}
.container .type li{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f6f6f6
}
.container .type li .left{
    margin:  0 0 0 2vw;
}
.container .type li .left .up{
    margin:  1em 0 0 0;
}
.container .type li .left .down{
    margin: 1vw 0 3vw 0;
    font-size: 3.2vw;
    color: #909090;
}
.container .type li .right{
    display: flex;
    align-items: center;

    font-size: 3.2vw;
    margin: 0 2vw 0 0 ;
    color: #909090;
}
.container .type li .right p{
    margin: 0 2vw 0 0 ;
}
.container .type li .right i{
    margin: 0.5vw 0 0 0;
    font-size: 6vw;
}
.container .type li .right img{
    width: 8vw;
    height: 8vw;
    margin: 0 2vw 0 0 ;
}